<!--
 * @Author: xuxu12138 1718324422@qq.com
 * @Date: 2023-09-04 14:30:00
 * @LastEditors: xuxu12138 1718324422@qq.com
 * @LastEditTime: 2023-12-19 13:24:24
 * @FilePath: /things-admin/src/view/dataScreen/components/middle_left/top.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="main_left">
    <Top  :provinceId="provinceId" :cityId="cityId" :name="name"/>
    <Middle :provinceId="provinceId" :cityId="cityId" :name="name"/>
  </div>
</template>

<script>

import Top from './top.vue'
import Middle from './middle.vue'
export default {
  data(){
    return{
      provinceId:this.provinceId || '', //省份ID
      cityId:this.cityId || '',  //城市ID
      name:this.name || '',  //城市名称
    }
  },
  components:{Top, Middle},
  props:['provinceId','cityId','name'],
  watch:{
    provinceId(newval){
      this.provinceId = newval
    },
    cityId(newval){
      this.cityId = newval
    },
    name(newval) {
      this.name = newval
    }
  },
};
</script>

<style lang="less" scoped>

</style>
